$(function() {
    var i = 1;
    // 设置轮播图
    setInterval(function() {
        i++;
        if (i > 4) i = 1;
        $('.side').animate({
            opacity: 0
        }, 500, function() {
            $(this).css('backgroundImage', 'url(../images/01-' + i + '.jpg)');
        }).animate({
            opacity: 1
        }, 800);
    }, 5000);
    // 验证格式 
    var reg = { //验证正则
            'username': /^[A-z]\w{5,}$/,
            'password': /^.{6,}$/,
            'email': /^\w{6,}@[A-z0-9]{2,}\.[A-z]{2,}\.?[A-z]*$/,
            'phone': /^1[356789]\d{9}$/
        }
        // 验证用户名
    $('#username').on({
        'keyup': function() {
            if (reg.username.test(this.value)) {
                $.ajax({
                    type: "get",
                    url: "../lib/yanzheng.php",
                    data: { username: this.value },
                    dataType: "json",
                    success: function(res) {
                        if (res.hasname) {
                            $('.yanzheng-name').html(res.msg).addClass('red block').removeClass('green no-indent true');
                        } else {
                            $('.yanzheng-name').html(res.msg).removeClass('block red').addClass('green no-indent true');
                        }
                    }
                });
            } else {
                $('.yanzheng-name').html('! 格式不正确').addClass('red block').removeClass('green no-indent true');
            }
        },
        'focus': function() {
            $('.yanzheng-name').empty().removeClass('block');
        }
    });
    // 验证函数 
    function yanzheng(str) {

        $('#' + str).on({
            'keyup': function() {
                if (reg[str].test(this.value)) {
                    $('.yanzheng-' + str).html('√').removeClass('block red ').addClass('green no-indent true');
                } else {
                    $('.yanzheng-' + str).html('! 格式不正确').addClass('red block').removeClass('green no-indent true');
                }
            },
            'focus': function() {
                $('.yanzheng-' + str).empty().removeClass('block');
            }
        })
    }
    yanzheng('password');
    yanzheng('phone');
    yanzheng('email');
    // 判断密码重复
    $('#r-password').on({
        'keyup': function() {
            if (this.value === $('#password').val() && $('.yanzheng-password').hasClass('true')) {
                $('.repeat').html('√').removeClass('block red').addClass('green no-indent true');
            } else {
                $('.repeat').html('! 两次密码不相同或者格式有误').addClass('red block').removeClass('green no-indent true');
            }
        },
        'focus': function() {
            $('.repeat').empty().removeClass('block');
        }
    });
    // 判断是否能够提交
    $('input').on('keyup', function() {
        if ($('.true').length == 5) {
            $('.submit').removeAttr('disabled');
        } else {
            $('.submit').attr('disabled', 'disabled');
        }
    })
});